<template>
  <div>
    <myDivider name="大屏数据详情"></myDivider>
    <div>
      <el-page-header @back="$router.go(-1)"></el-page-header>
      <el-form ref="formData" label-width="130px" label-position="left" :model="formData"
        style="margin-left: 50px;margin-top: 20px;">
        <div class="title">数据配置</div>
        <el-form-item label="选择小区：">
          {{ formData.rqName }}
        </el-form-item>

        <div class="title">大屏图片</div>
        <el-image v-if="formData.pic" style=" height: 100px;margin-top: 10px;" :src="formData.pic"
          :preview-src-list="[formData.pic]">
        </el-image>
        <div v-else style="margin: 20px 0 ;font-size: 14px;color: #aaa;">暂无大屏图片</div>
      </el-form>

    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {},
      logOnUser: {},
    }
  },
  async activated() {
    let res = await this.$api.axios.get('/business/dataVisualCompanyConfig/detail?id=' + this.$route.query.id)
    if (res) {
      this.formData = res.data
    }


  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
.title {
  font-weight: bold;
  margin-top: 30px;
}
</style>